
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>房地产管理平台</title>
  <base href="http://localhost:8080/myEstateProject_war/">
  <link rel="stylesheet" type="text/css" href="js/easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="js/easyui/themes/color.css">
  <link rel="stylesheet" type="text/css" href="js/easyui/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="css/buy.css"/>
  <script type="text/javascript" src="js/easyui/jquery.min.js"></script>
  <script type="text/javascript" src="js/easyui/jquery.easyui.min.js"></script>
  <script src="js/buyLentReg.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="cc" class="easyui-layout" data-options="fit:true"><!-- 布局 -->
  <div data-options="region:'north'" style="height:60px;" class="northBar">
    <div class="title"><p>房地产管理系统</p></div>
    <input id="ss" id="researchFrame"><!-- 搜索框 -->
    <div id="headimg">
      <a href="javascript:void(0)" id="mb"><img src="img/me.jpg" ><div id="getUserName">请登录</div></a><!-- 菜单按钮 -->
      <div id="mm">

        <div data-options="iconCls:'icon-remove'" id="btn-outout" onclick="loginOutUserAjax()">注销</div>
      </div>
    </div>
  </div>
  <div data-options="region:'west'" style="width:300px;">
    <div id="sm" style="width:298px"></div><!-- 侧栏菜单 -->
    <ul id="tt"></ul><!-- 树 -->
    <!-- <a id="btn-out" href="#" class="easyui-linkbutton c8"></a> -->
  </div>
  <div data-options="region:'center'" style="padding:0px;background:#eee;">
    <div id="p" style="padding:10px;" ><!-- 面板 -->
      <table id="dg">
        <thead>
        <tr>
          <th data-options="field:'id',width:80">主键</th>
          <th data-options="field:'title',width:100">标题</th>
          <th data-options="field:'operate_person',width:80,align:'left'">操作人</th>
          <th data-options="field:'insert_time',width:200,align:'left'">录入时间</th>
        </tr>
        </thead>

      </table><!-- 数据网格 -->
      <div id="pp" style="background:#efefef;">

      </div>

      <!-- 分页 -->
      <div id="btn-data">
        <p style="color: red">查看具体内容请双击此列xx</p>
        <div id="btn-search" class="easyui-linkbutton">刷新查询</div>
        <div id="btn-add" class="easyui-linkbutton c4" onclick="$('#dialogAdd').dialog('open')"></div>
        <div id="btn-delete" class="easyui-linkbutton c4" onclick="$('#dialogDel').dialog('open')">删除数据</div>
        <div id="btn-update" class="easyui-linkbutton c4" onclick="$('#dialogUpdate').dialog('open')">更新数据</div>
      </div>
      <!-- 添加数据 -->
      <div id="addData" style="margin-top: 10px">


      </div>
      <!--更新数据的弹窗-->
      <div id="dialogUpdate" class="easyui-dialog" title="更新房源" data-options="iconCls:'icon-add'"
           style="width: 400px;height: 200px; display: flex;justify-content: center; flex-direction: column;align-items: center" >
        <div> &nbsp;&nbsp;&nbsp;&nbsp;编号: <input type="text" id="deleId1" ></div>
        <div>&nbsp;&nbsp;&nbsp;&nbsp;标题: <input type="text" id="title1" style="margin-top: 20px"></div>
        <div>操作人: <input type="text" id="operate_person1" style="margin-top: 20px"></div>

        <button style="margin-top: 20px" onclick="UpdateData()">更新</button>
      </div>
      <!--添加数据的弹窗-->
      <div id="dialogAdd" class="easyui-dialog" title="添加房源" data-options="iconCls:'icon-add'"
           style="width: 400px;height: 200px; display: flex;justify-content: center; flex-direction: column;align-items: center" >
        <div>&nbsp;&nbsp;&nbsp;&nbsp;标题: <input type="text" id="title" ></div>
        <div>操作人: <input type="text" id="operate_person" style="margin-top: 20px"></div>

        <button style="margin-top: 20px" onclick="addData()" >添加</button>
      </div>
      <!--删除数据的弹窗-->
      <div id="dialogDel" class="easyui-dialog" title="添加房源" data-options="iconCls:'icon-delete'"
           style="width: 400px;height: 200px; display: flex;justify-content: center; flex-direction: column;align-items: center" >
        <!--                删除的id是-->
        <div>&nbsp;&nbsp;&nbsp;&nbsp;删除的编号是: <input type="text" id="deleId" ></div>
        <!--                删除的按钮-->
        <div id="del_btn"  style="margin-top: 30px; display: flex;justify-content: center;align-items: center">
          <button style="" onclick="delData()" >确定</button>
          <button style="margin-left: 20px; " onclick="$('#dialogDel').dialog('close')" >取消</button>
        </div>



      </div>

    </div>
  </div>
</div>
</body>
<script>

  var data1=[];
  $(function(){
    buyData();
    //页面刚加载时就关闭添加的弹窗功能
    $('#dialogAdd').dialog('close');
    $('#dialogDel').dialog('close');
    $('#dialogUpdate').dialog('close');
    //模拟点击,使按钮停留在点击的状态
    $('#_easyui_tree_3').click();
    //当网格被点击的事件,发起ajax跳转到内容页面
    // $('#dg').datagrid({
    //     onDblClickRow(index,rowData){
    //
    //         var id=rowData.id;
    //         console.log(id)
    //
    //
    //     }
    // });

    // 分页
    $('#pp').pagination({
      total:100,
      pageSize:20
    });
    //点击搜索自动跳到第一页
    $("#btn-search").click(
            function () {
              buyData();
            }
    );
    //得到用户名的ajax,页面启动自动调用
    getUserNameAjax();





  })
  //注销用户的ajax
  function loginOutUserAjax(){
    $.ajax({

      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/loginOutUser.do',
      success:(res)=>{
        //设置用户名
        if (res.success){
          alert("注销成功")
          window.location.href="http://localhost:8080/myEstateProject_war/";
        }

      }
    })


  }
  //得到用户名的ajax,页面启动自动调用
  function getUserNameAjax(){
    $.ajax({

      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/getUserName.do',
      success:(res)=>{
        //设置用户名
        $("#getUserName").text(res.message)

      }
    })


  }
  // 搜索框点击
  $('#ss').searchbox({
    searcher:function(value){

      findBuyAllPagesNumDataAjax(value);


    },
    width: 400,
    height: 40,
    prompt:'请输入标题'
  });
  //更新数据
  function UpdateData(){
    var id=$("#deleId1").val();
    var title=$("#title1").val();
    var operate_person=$("#operate_person1").val();
    //确认输入是否为空
    if (id==null){
      alert("编号为空")
      return;
    }
    //确认输入是否是数字
    if (isNumber(id)==false){
      alert("编号请输入数字")
      return;
    }
    // 弹窗确定是否要删除数据
    if (confirm("是否真的要更新编号为"+id+"的数据?")){
      UpdateDataAjax(id,title,operate_person);
    }




  }
  //更新数据的ajax
  function UpdateDataAjax(id,title,operate_person){
    $.ajax({

      method:'get',
      url:'http://localhost:8080/myEstateProject_war/buy/updateBuy.do?id='
              +id+"&title="+title+"&operate_person="+operate_person,
      success:(res)=>{
        alert(res.message);

      }
    })


  }

  //搜索数据
  function  findBuyDataAjax(part,pageNum){
    $.ajax({

      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/partBuy.do?part='+part+"&pageNum="+pageNum,
      success:(res)=>{
        res.insert_time=formatDate(res.insert_time);
        for(var i=0;i<res.length;i++){
          var date=new Date(res[i].insert_time);
          //转换一下日期格式
          var time=formatDate(date);
          res[i].insert_time=time;


        }
        data1=res;



        $('#dg').datagrid({
          data:data1
        });



      }





    })


  }
  //搜索数据的总页数(模糊查询)
  function findBuyAllPagesNumDataAjax(value){
    $.ajax({

      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/allPageSelectWhenSearch.do?value='+value,
      success:(res)=>{
        //返回总页数
        // 分页
        // 第一次点击返回第一页数据
        findBuyDataAjax(value,1);
        $('#pp').pagination({
          total:res,
          pageSize:20,
          //设置模糊查询 分页时的页数
          onSelectPage:function(pageNumber, pageSize){

            findBuyDataAjax(value,pageNumber);
          }
        });

      }
    })


  }
  //删除数据
  function delData(){
    var deleId=$("#deleId").val();
    //确认输入是否为空
    if (deleId==null){
      alert("输入框为空")
      return;
    }
    //确认输入是否是数字
    if (isNumber(deleId)==false){
      alert("请输入数字")
      return;
    }
    // 弹窗确定是否要删除数据
    if (confirm("是否真的要删除编号为"+deleId+"的数据?")){
      delDataAjax(deleId);
    }






  }

  // 添加数据
  function addData(){
    var title=$("#title").val();
    var operate_person=$("#operate_person").val();
    addDataAjax(title,operate_person)

  }
  // 发送添加数据的请求
  function addDataAjax(title,operate_person){
    $.ajax({

      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/addBuy.do?title='+title+"&operate_person="+operate_person,
      success:(res)=>{

        if (res==1){
          alert("添加成功")
        }else{
          alert("添加失败,请登录用户")
        }


      }





    })


  }
  //获取总页数
  function getAllPagesSelect(){
    $.ajax({

      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/allPageSelect.do',
      success:(res)=>{

        // 分页
        $('#pp').pagination({
          total:res,
          pageSize:20,
          onSelectPage:function(pageNumber, pageSize){
            buyDataWhenChange(pageNumber);
          }
        });

      }





    })



  }

  //获取总页数
  function getAllPages(){
    $.ajax({

      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/allPage.do',
      success:(res)=>{

        // 分页
        $('#pp').pagination({
          total:res,
          pageSize:20,
          onSelectPage:function(pageNumber, pageSize){
            buyDataWhenChange(pageNumber);
          }
        });

      }





    })



  }
  //查询得到买房表的数据(当改变页数时)
  /*
  * pageNum:代表第几页
  *
  * */
  function buyDataWhenChange(pageNum){
    //默认发送第一页
    $.ajax({
      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/buyPage.do?pageNum='+pageNum,
      success:(res)=>{
        res.insert_time=formatDate(res.insert_time);
        for(var i=0;i<res.length;i++){
          var date=new Date(res[i].insert_time);
          //转换一下日期格式
          var time=formatDate(date);
          res[i].insert_time=time;


        }
        data1=res;


        $('#dg').datagrid({
          data:data1
        });
        //得到总页数
        getAllPages();
      }
    });

  }
  //查询得到买房表的数据
  function buyData(){
    //默认发送第一页
    $.ajax({
      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/buyPage.do?pageNum=1',
      success:(res)=>{
        res.insert_time=formatDate(res.insert_time);
        for(var i=0;i<res.length;i++){
          var date=new Date(res[i].insert_time);
          //转换一下日期格式
          var time=formatDate(date);
          res[i].insert_time=time;


        }
        data1=res;


        $('#dg').datagrid({
          data:data1
        });
        //得到总页数
        getAllPages();
      }
    });

  }
  //发起删除数据的ajax
  function delDataAjax(deleId){
    $.ajax({

      method:'post',
      url:'http://localhost:8080/myEstateProject_war/buy/buyDel.do?id='+deleId,
      success:(res)=>{
        console.log("addSuccess"+res)
        if (res==1){
          alert("删除成功")
        }else{
          alert("删除失败,没有此数据")
        }


      }





    })

  }
  /*
  *
  *    下面全部是工具类
  *
  * */

  //处理时间戳的函数
  function formatDate(date) {
    var date = new Date(date);
    var YY = date.getFullYear() + '-';
    var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
    var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
    var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
    var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
    var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
    return YY + MM + DD +" "+hh + mm + ss;
  }

  //判断是否是数字的函数
  function isNumber(val){

    var regPos = /^\d+(\.\d+)?$/; //非负浮点数
    var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数
    if(regPos.test(val) || regNeg.test(val)){
      return true;
    }else{
      return false;
    }

  }



</script>

</html>